<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/reset.css"/>
		<link rel="stylesheet" type="text/css" href="../css/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../css/moregame.css"/>
		<script type="text/javascript" src="../js/jquery-2.0.3.js"></script>
		<script type="text/javascript" src="../js/reset.js"></script>
		<script type="text/javascript" src="../js/rem.js"></script>
		<script type="text/javascript">
			$(window).load(function() {
				$('#box').delay(200).show()
			})
		</script>
	</head>
	<body>
		<!--页面加载 开始-->
		<!--  <div id="preloader">
		    <div id="status">
		      <p class="center-text"><span>拼命加载中···</span></p>
		    </div>
		  </div>-->
		  <!--页面加载 结束--> 
		<div id="box">
			<!--头部-->
			<header class="moregame-top">
				<i onclick="goBack()" class="iconfont">&#xe621;</i>
				<h2>游戏分类</h2>
			</header>
			<!--内容区-->
			<section class="moregame" id="wrapper">
				   <div class="moregame-foot">
				   	    <div class="moregame-top-head">
							<div></div>
						    <h2>游戏分类</h2>
						    <div></div>
					    </div>
					    <ul class="moregame-game">
					    	<!--<li class="moregame-style-pic">
					    		<div class="moregame-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="moregame-style-pic">
									<img src="../img/logo.jpg"/>
									<p>CSGO</p>
								</div>
					    	</li>
					    	<li>
					    		<div class="moregame-style-pic">
								<img src="../img/logo.jpg"/>
								<p>CSGO</p>
							</div>
					    	</li>-->
					    </ul>
						<div class="moregame-foot-more">
							<p>COMING SOON</p>
							<p>更多游戏敬请期待</p>
						</div>
				   </div>
			    </div>
				
			</section>
		</div>
	</body>
	
	<script type="text/javascript" src="../js/iscroll.js"></script>
	<script type="text/javascript">
		/*var myScroll = new IScroll('#wrapper', {
			    startY:0
			});
			
			myScroll.on("scrollEnd",function(){
					
					if(this.directionY==-1){
						
					}
				})*/
				
		$('.check-all').on('click',function(){
			window.location.href="today.html"
		})
		$('.my-user').on('click',function(){
			window.location.href="total.html"
		})
	  $.ajax({
            type: 'POST',
            url: 'http://192.168.199.114:8080/HJF/user/get_home.do',
            dataType: 'JSON',
            data:{user_id:""},
            success: function(data){
            	/*游戏分类*/
            	$.each(data.game_list, function(index) {
            	  var aLi=$("<li class='moregame-style-pic'></li>")
            	  var oImg=$('<img src="'+data.game_list[index].game_img_url+'">')
            	  var oP=$('<p>'+data.game_list[index].game_name+'</p>')
            	   aLi.append(oImg)
            	   aLi.append(oP)
            	  $('.moregame-game').append(aLi) 
            	});
            	console.log(data.game_list)
            },
            error: function(xhr, type){
            }
       });
	</script>
</html>
